import { Checkbox  } from 'antd-mobile'

import login_apple from "../../../assets/login/login_apple@2.png"
import login_qq from "../../../assets/login/login_qq@2.png"
import login_wechat from "../../../assets/login/login_wechat@2.png"
import login_weibo from "../../../assets/login/login_weibo@2.png"
import homeLess from "../index.module.less"
function Footer(props) {
    return (
        <div>
            <div className={homeLess.regimg}>
                <img src={login_qq} alt="" />
                <img src={login_wechat} alt="" />
                <img src={login_weibo} alt="" />
                <img src={login_apple} alt="" />
            </div>
            <div className={homeLess.agree}>
                <div className={homeLess.chekbox}><Checkbox onClick={() => {
                    props.setAgreement(!props.agreement)
                }} checked={props.agreement} style={{
                    '--icon-size': '18px',
                }}></Checkbox></div>
                <div className={homeLess.agreeText}>阅读并接受<span>《用户协议》</span>及<span>《隐私政策》</span> </div>
            </div>
        </div>
    )
}


export default Footer